<!doctype html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta property="csp-nonce" content="{{ .Nonce }}" />

    <meta
      name="viewport"
      content="user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, minimal-ui"
    />
    <title>{{ .ApplicationName }} - GraphQL API</title>
    <link rel="stylesheet" href="{{ .Prefix }}/static/explore.css" />
  </head>
  <body>
    <div id="root"></div>
    <script nonce="{{.Nonce}}">
      pathPrefix = "{{.PathPrefix}}";
      applicationName = "{{.ApplicationName}}";
    </script>
    <script
      nonce="{{ .Nonce }}"
      src="{{ .Prefix }}/static/explore.js"
      defer
    ></script>
    {{- if .ExtraJS }}
      <script nonce="{{ .Nonce }}" src="{{ .Prefix }}{{ .ExtraJS }}"></script>
    {{- end }}
  </body>
</html>
